{extend name="base2" /}

{block name="body"}
<div style="margin-top:5px;">
    <img src="/static/images/banner.jpg" alt="">
</div>
    <div id="masonry" class="container-fluid">
        {foreach name="$list" item="vo"}
        <div class="box">
            <img style="width:100%;" src="{$vo}" alt="">
        </div>
        {/foreach}
    </div>
{/block}

{block name="script"}
<script>
    $(function() {
        var $container = $('#masonry');
        $container.imagesLoaded(function() {
            $container.masonry({
                    itemSelector: '.box',
                    gutter: 17,
                    isAnimated: true,
                    isFitWidth: true,
                });
        });
    });
</script>
{/block}